<ng-container *ngIf="!type">
  <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" class="ng-tns-c8-3" data-icon="close-circle"
    aria-hidden="true" *ngIf="module[module.random]" (click)="resetData()">
    <path
      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z">
    </path>
  </svg>
  <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" class="ng-tns-c8-5" data-icon="down"
    aria-hidden="true" *ngIf="!module[module.random]" (mouseenter)="module[module.random]=true"
    (mouseleave)="module[module.random]=false">
    <path
      d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z">
    </path>
  </svg>
</ng-container>
<ng-container *ngIf="type==='0'">
  <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" class="ng-tns-c8-5" data-icon="down"
    aria-hidden="true">
    <path
      d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z">
    </path>
  </svg>
</ng-container>
<ng-container *ngIf="type==='1'">
  <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" class="ng-tns-c8-3" data-icon="close-circle"
    aria-hidden="true" *ngIf="module[module.random]" (click)="resetData()">
    <path
      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z">
    </path>
  </svg>
  <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" class="ng-tns-c28-3" data-icon="calendar"
    aria-hidden="true" *ngIf="!module[module.random]" (mouseenter)="module[module.random]=true"
    (mouseleave)="module[module.random]=false">
    <path
      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z">
    </path>
  </svg>
</ng-container>
<ng-container *ngIf="type==='2'">
  <svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" class="ng-tns-c28-3" data-icon="calendar"
    aria-hidden="true">
    <path
      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z">
    </path>
  </svg>
</ng-container>


<!-- 

  表单区域：
  <app-svg [module]="this"></app-svg> 

  <app-svg [module]="this" type="0" ></app-svg> 
  默认不传为带下拉图标操作清除
  传0为带禁用下拉图标无操作
  传1为带日期图标操作清除
  传2为带禁用日期图标无操作
  


-->